<!DOCTYPE html>
<html lang="en" id="html">
<head>
    <meta charset="UTF-8">
    <title>Derek's task system</title>
    <link type="text/css" rel="stylesheet" href="../stylesheets/allsite.css">
    <link type="text/css" rel="stylesheet" href="../stylesheets/userLogin.css">
    <link rel="stylesheet" type="text/css" href="../../node_modules/bootstrap/dist/css/bootstrap.css">
</head>
<body>
<div id="head">
    <div id="head_row1">
        <div id="systemName">Derek's Task System</div>

    </div>
    <div id="head_row2">
        <div id="userLoginNumber"><< Back to home <<</div>
    </div>
</div>
<div id="body">
    <div id="userLogin">
        <h2>User Login,Please type your User ID and Password</h2>
        <form id="userForm">
            <div id="formRow1"><span>User ID:</span></div>
            <input class="form-control" id="userID" type="text">
            <div id="formRow2">
                <div>Password:</div>
                <input class="form-control" id="userPassword"type="password">
            </div>
            <div id="loginInformation"></div>
            <div type="formRow3">
                <button class="btn btn-default" id="userLoginButton" type="button">login</button>
            </div>
        </form>
    </div>
    <div id="register">
    <h2>No User Account? Click below button to sign up</h2>
        <button  class="btn btn-default" type="button" id="registUser">register</button>
    </div>
    <div id="foot">
    <h2>
        Or login with some other accounts
    </h2>
        <div id="iconlist">

            <div id="ins"></div>
            <div id="google"></div>
            <div id="facebook"></div>
        </div>
    </div>
</div>
<!--pub-->
<script src="../../node_modules/jquery/dist/jquery.js"></script>
<script src="../../node_modules/js-cookie/src/js.cookie.js"></script>
<script src="../../node_modules/bootstrap/dist/js/bootstrap.js"></script>
<!--pub-->
<script src="../javascripts/userLogin.js"></script>
</body>
</html>